import styles from './index.module.scss'
import { Row, Col, Tag } from 'antd'
const InfoIntroduction = () => {
	return (
		<div className={styles.infoIntroductionBox}>
			<h1>Logan River Observatory: Ricks Spring above confluence with Logan River Aquatic Site (RS_CONF_A) Raw Data</h1>
			<Row gutter={40}>
				<Col span={12}>
					<table>
						<tbody>
							<tr>
								<th>Authors：</th>
								<td>
									<a>shaquila</a>
								</td>
							</tr>

							<tr>
								<th>Type：</th>
								<td>Resource</td>
							</tr>
							<tr>
								<th>Volumes：</th>
								<td>The size of this resource is 7.4MB</td>
							</tr>
							<tr>
								<th>Created：</th>
								<td>2024-10-10</td>
							</tr>
							<tr>
								<th>Last updated：</th>
								<td>2024-11-10</td>
							</tr>
						</tbody>
					</table>
				</Col>
				<Col span={12}>
					<table>
						<tbody>
							<tr>
								<th>Open Degree：</th>
								<td>Discoverable</td>
							</tr>

							<tr>
								<th>Views：</th>
								<td>2323</td>
							</tr>
							<tr>
								<th>Stars：</th>
								<td>200</td>
							</tr>
							<tr>
								<th>Downloads：</th>
								<td>24</td>
							</tr>
							<tr>
								<th>Content types：</th>
								<td><Tag color="magenta">CSV Content</Tag></td>
							</tr>
						</tbody>
					</table>
				</Col>
			</Row>
		</div>
	)
}
export default InfoIntroduction;